// ================================================================================================
//  File Name: custom-rtl.scss
//  Description: Modern RTL support SCSS file.
//  ----------------------------------------------------------------------------------------------
//  Item Name: Chameleon Admin - Modern Bootstrap 4 WebApp & Dashboard HTML Template + UI Kit
//  Version: 1.0
//  Author: ThemeSelection
//  Author URL: https://themeforest.net/user/themeselect
// ================================================================================================
// Align icons position

// Core variables and mixins
@import "bootstrap/functions";
@import "bootstrap/mixins";
@import "bootstrap-extended/mixins";

// Core variables and mixins overrides
@import "core/variables/variables";
@import "core/variables/components-variables";

// Overrides user variable
@import "../../assets/scss/variables/components-variables";
@import "../../assets/scss/variables/components-variables";

// Import first main menu mixin
@import "core/mixins/main-menu-mixin";

.main-menu {
    .navigation li>a>i,
    .dropdown-menu i,
    .dropdown-user>a>i,
    .navigation>li>a>i {
        float: right;
    }
    .main-menu-content > span.menu-title,
    .main-menu-content a.menu-title{
        right: $menu-collapsed-width !important;
    }
}

.dropdown-user.nav-item i {
    float: right;
}

.horizontal-menu {
    .main-menu-content {
        #main-menu-navigation>li>a>i {
            float: right;
        }
    }
}


.mega-dropdown-menu {
    li {
        a,
        h6 {
            i {
                float: right;
            }
        }
    }
}

.menu-expanded .form-group i {
    float: inherit;
}

.form-control-position i {
    top: 25%;
    position: absolute;
    right: 25%;
}

// Echart title fix for RTL
.echart-container {
    direction: ltr;
}

.mm-menu {
    left: auto;
}

// Dopzone horizontal scrollbar issue
.dz-hidden-input {
    position: relative !important;
}

// rtl version sticky sidebar float
.content-wrapper .sticky-wrapper,
.content-right-sidebar .sticky-wrapper {
    float: left;
}

// jquery ui icon position rtl fix TODO:AJ: add rtl support for jQ UI
.ui-widget-icon-block {
    right: 50%;
}

.ui-dialog .ui-dialog-titlebar-close {
    right: 3rem;
}

.square {
    &.slider-xl {
        .noUi-handle {
            &:before {
                left: 5px;
            }

            &:after {
                left: 10px;
            }
        }
    }
    .noUi-handle {
        &:before {
            left: 2px;
        }

        &:after {
            left: 7px;
        }
    }
}

.noUi-vertical {
    &.square {
        .noUi-handle {
            &:before {
                left: -1px;
            }
            &:after {
                left: -1px;
            }
        }
    }
}

#tubular-container {
    z-index: 0 !important;
}

.btn i[class^="icon-"],
.btn i[class*=" icon-"] {
    line-height: 1.25rem;
}

code[class*="language-"],
pre[class*="language-"] {
    direction: ltr;
}

@media print {
    code[class*="language-"],
    pre[class*="language-"] {
        text-shadow: none;
    }
}

.jp-card {
    .jp-card-front {
        .jp-card-lower {
            .jp-card-expiry {
                right: 65%;
            }
        }
    }
}